* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
}

img {
    vertical-align: top;
}


body {
    min-width: 10rem;
    max-width: 10rem;
    width: 10rem;
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f5f5f5;
}

body>div {
    margin: auto;
    width: 10rem;
}

/* search */
.search {
    box-sizing: border-box;
    width: 9.0625rem;
    height: 1.25rem;
    border: .0313rem solid rgb(84, 83, 83);
    border-radius: .0938rem;
    margin-top: .0625rem;
    margin-bottom: .3125rem;
    line-height: 1.25rem;
    background-color: white;
}

.search input {
    height: .625rem;
    width: 7.0313rem;
    margin-left: .3125rem;
    border: 0rem;
    border-right: .0313rem solid black;
    outline: none;
}

.search img {
    width: .625rem;
    margin: .25rem 0rem 0rem .4688rem;

}

.ul1 {
    box-sizing: border-box;
    padding: 0rem .5625rem;
    width: 10rem;
    height: 1.25rem;
    border-bottom: .0313rem solid #807c7c;
    border-top: .0313rem solid #807c7c;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .4375rem;
    font-weight: 600;
    background-color: white;
}

/* hot */
.hot ul {
    width: 10rem;
    box-sizing: border-box;
    padding: .1563rem .4688rem .625rem .4688rem;
    /* background-color: white; */
}

.hot ul li {
    display: flex;
    height: 2.8125rem;
    padding: .625rem 0rem .625rem;
    border-bottom: .0625rem solid red;
}

.hot ul li:nth-of-type(3) {
    border: 0rem;
    padding-bottom: 0rem;
}

.hot ul li div:nth-of-type(1) {
    /* flex: 1; */
    width: 2.8125rem;
    margin-right: .3125rem;
    display: flex;
    align-items: center;
}

.hot ul li div img {
    width: 2.8125rem;
}

.hot ul li div:nth-of-type(2) {
    /* flex: 1; */
    width: 6.4375rem;
}

.hot_ulDiv2 h4 {
    margin-top: .0625rem;
    height: .7188rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot_ulDiv2 p {
    margin: .25rem 0rem;
    display: flex;
    justify-content: flex-start;
}

.hot_ulDiv2 p span {
    font-size: .375rem;
}

.hot_red {
    color: #ff8a00;
}

.hot_ulDiv2 p:nth-of-type(2) {
    color: #899196;

}

.hot_ulDiv2 p:nth-of-type(3) {
    color: #bdc8cf;
}

.hot_ulDiv2 p:nth-of-type(3) {
    justify-content: flex-start;
}

/* foot */
.footer {
    height: 162px;
    position: relative;
    bottom: 0px;
    background-color: #2f3130;
    color: #beb1b1;
}

.footer .beijing {
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 20px 20px;
    border-bottom: 1px solid #7f6e6e;
}
.footer .iphone{
    display: flex;
    margin-bottom: 5px;
}
.footer .iphone div {
    display: flex;
    flex: 1;
    /* padding: 5px; */
}
.footer div span:nth-child(1){
    text-align: center;
}
.footer img { /* padding: 10px; */
    width: 20px;
}
.footer div span {
    flex: 1;
} 
.footer .text {
    /* flex: 100%; */
    text-align: center;
}
